<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>武汉恒望科技</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container">
            <a class="navbar-brand logo" href="#">
                <img src="img/logo.png" alt="">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="nav-list navbar-nav mr-auto">
                    <li class="nav-item active">
                        <a class="nav-lin nav-link text-primary" href="#">首页<span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">解决方案</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">产品展示</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">客户案例</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">服务中心</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">新闻动态</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">关于我们</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">招贤纳士</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators mb-0">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <a href="#">
                    <img src="img/banner1.png" class="d-block w-100" alt="...">
                </a>
            </div>
            <div class="carousel-item">
                <a href="#">
                    <img src="img/banner2.png" class="d-block w-100" alt="...">
                </a>
            </div>
            <div class="carousel-item">
                <a href="#">
                    <img src="img/banner3.png" class="d-block w-100" alt="...">
                </a>
            </div>
            <div class="carousel-item">
                <a href="#">
                    <img src="img/banner4.png" class="d-block w-100" alt="...">
                </a>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <section>
        <div class="container">
            <!--主体第一部分-->
            <div class="main-top mt-4 mb-4">
                <div class="mt-title">
                    <a href="#">
                        <img src="img/solutions.png" alt="">
                        <span>解决方案</span>
                        <p>Solutions</p>
                    </a>
                </div>
                <div class="mt-cont">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="sot pb-3">
                                <img src="img/solutions1.png" alt="">
                            </div>
                            <div class="sot-txt">
                                <span class="pb-2">网站、移动网站</span>
                                <p>微信公众号开发移动网站微信公众号开发</p>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="sot pb-3">
                                <img src="img/solutions2.png" alt="">
                            </div>
                            <div class="sot-txt">
                                <span class="pb-2">网站、移动网站</span>
                                <p>移动网站微信公众号开发移动网站微信公众号开发，解决方案</p>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="sot pb-3">
                                <img src="img/solutions3.png" alt="">
                            </div>
                            <div class="sot-txt">
                                <span class="pb-2">网站、移动网站</span>
                                <p>微信公众号开发移动网站微信公众号开发</p>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="sot pb-3">
                                <img src="img/solutions4.png" alt="">
                            </div>
                            <div class="sot-txt">
                                <span class="pb-2">网站、移动网站</span>
                                <p>移动网站微信公众号开发移动网站微信公众号开发，解决方案</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--主体第二部分-->
        <div class="main-con-one">
            <div class="mco-title pt-4 pb-4">
                <a href="#">
                    <img src="img/case.png" alt="">
                        <span>客户案例</span>
                    <p class="mb-0">Customer Case</p>
                </a>
            </div>
            <div class="mco-cont">
                <div class="mco-img">
                    <div class="row">
                        <div class="col-md-3">
                            <a href="">
                                <img src="img/case1.png" alt="">
                            </a>
                        </div>
                        <div class="col-md-3">
                            <a href="">
                                <img src="img/case2.png" alt="">
                            </a>
                        </div>
                        <div class="col-md-3">
                            <a href="">
                                <img src="img/case3.png" alt="">
                            </a>
                        </div>
                        <div class="col-md-3">
                            <a href="">
                                <img src="img/case4.png" alt="">
                            </a>
                        </div>
                        <div class="col-md-3">
                            <a href="">
                                <img src="img/case5.png" alt="">
                            </a>
                        </div>
                        <div class="col-md-3">
                            <a href="">
                                <img src="img/case6.png" alt="">
                            </a>
                        </div>
                        <div class="col-md-3">
                            <a href="">
                                <img src="img/case7.png" alt="">
                            </a>
                        </div>
                        <div class="col-md-3">
                            <a href="">
                                <img src="img/case8.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="more">
            <div class="row">
                <div class="col-md-6 col-12">
                    <div class="lef">
                        <span>全方位解决方案，为您轻松解决不同问题</span>
                        <p class="mb-0">A full range of solutions for you to solve different problems</p>
                    </div>
                </div>
                <div class="col-md-6 col-12">
                    <div class="rig">
                        <a href="">
                            <button>查看更多》</button>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!--主体第三部分-->
        <div class="main-con-two">
            <div class="container">
                <div class="mct-title pt-4">
                    <a href="#">
                        <img src="img/new.png" alt="">
                        <span>新闻动态</span>
                        <p class="mb-0">Hengwang News</p>
                    </a>
                </div>
                <div class="mct-cont">
                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="col-md-5 col-12 lef pl-0 pr-0">
                                <a href="">
                                    <img src="img/new1.jpg" alt="">
                                </a>
                            </div>
                            <div class="col-md-7 col-12 rig pl-0 pr-0">
                                <a href="">
                                    <span class="new-title pb-2">黄晓克获取温州软协最佳项目经理</span>
                                    <p class="time mb-0 pb-2">2016-05-03</p>
                                    <p class="new-work mb-0">重要的事情说三次。恭喜：黄晓克先生获取温州软件协会第二届第四次《最佳项目经理奖》。恭喜：黄晓克先生获取温州软件协会第二届第四次《最佳项目经理奖》。恭喜：黄晓克先...</p>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-6 col-12">
                            <div class="col-md-5 col-12 lef pl-0 pr-0">
                                <a href="">
                                    <img src="img/new2.png" alt="">
                                </a>
                            </div>
                            <div class="col-md-7 col-12 rig pl-0 pr-0">
                                <a href="">
                                    <span class="new-title pb-2">谈上游企业物流数据平台建设探讨</span>
                                    <p class="time mb-0 pb-2">2016-03-16</p>
                                    <p class="new-work mb-0">今日， 温州华天软件科技有限公司总经理/技术总监 黄晓克先生受邀参加国家交通运输物流公共信息平台2015年互联企业交流会企业案例分享《谈上游企业物流数据平台建设...</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--主体第四部分-->
        <div class="main-bot pb-4">
            <div class="container">
                <div class="mb-title pt-4 pb-4">
                    <a href="#">
                        <img src="img/serve.png" alt="">
                        <span>服务客户</span>
                        <p class="mb-0">Serve Cusromers</p>
                    </a>
                </div>
                <div class="mb-list">
                    <ul class="serve">
                        <li><img src="img/serve1.png"/></li>
                        <li><img src="img/serve2.png"/></li>
                        <li><img src="img/serve3.png"/></li>
                        <li><img src="img/serve4.png"/></li>
                        <li><img src="img/serve5.png"/></li>
                        <li><img src="img/serve6.png"/></li>
                        <li><img src="img/serve7.png"/></li>
                        <div style="display: none">
                            <li><img src="img/serve8.png"/></li>
                            <li><img src="img/serve9.png"/></li>
                            <li><img src="img/serve10.png"/></li>
                            <li><img src="img/serve11.png"/></li>
                            <li><img src="img/serve12.png"/></li>
                        </div>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="container">
            <div class="row pt-5 pb-5">
                <div class="col-md-4">
                    <div class="fot-title pb-4">联系我们</div>
                    <ul class="fot-list">
                        <li>地址：武汉市洪山区街道口鹏程国际B座2511</li>
                        <li>电话：18238765101</li>
                        <li>传真：(123)456-7890</li>
                        <li>邮箱：support@vectorlab.com</li>
                        <li><img src="img/phone.png" alt=""><b>027-82671661</b></li>
                    </ul>
                </div>
                <div class="col-md-4">
                    <div class="fot-title pb-4">友情链接</div>
                    <ul class="fot-mid">
                        <div>
                            <li class=""><a href="#">物流红娘</a></li>
                            <li class=""><a href="#">iteye</a></li>
                            <li class=""><a href="#">CSDN</a></li>
                        </div>
                        <div>
                            <li class=""><a href="#">amazeui</a></li>
                            <li class=""><a href="#">华天科技</a></li>
                            <li class=""><a href="#">开源中国</a></li>
                        </div>
                        <div>
                            <li class=""><a href="#">fall</a></li>
                            <li class=""><a href="#">百度</a></li>
                            <li class=""><a href="#">openstack</a></li>
                        </div>
                    </ul>
                </div>
                <div class="col-md-4">
                    <div class="fot-title pb-4">备案信息</div>
                    <p>
                        ©2016 鄂ICP备15008770号-2
                    </p>
                </div>
            </div>
        </div>
    </footer>




<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>